<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>表单元素图标</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
</head>
<body>
	<script type="text/javascript" src="js/header.js"></script>
	<h1>表单元素图标</h1>
	<div class="intro">
		用途：允许用户输入的文本元素以图标形式高亮辅助<br />
		类型：date, email, month, number, password, range, search, text, time, url, week<br />
		兼容：HTML5
	</div>
	<script type="text/javascript" src="js/itabs.js"></script>	

	<h2>属性</h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性名</th>
					<th>属性值</th>
					<th>&#160;</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>filter-icon</td>
					<td>string</td>
					<td>
						指定图标名称<br />
						注意：仅text、password类型支持图标<br />
						名称：请查看<a href="../icon/index.html">参考文档</a>定义
					</td>
					<td><input required filter-icon="user" type="email" name="email" placeholder="请输入邮箱" /></td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>示例</h2>
	<div class="codeset">
		<code title="图标支持"><input filter-icon="user" type="email" name="email" placeholder="请输入邮箱" /></code>
	</div>

<script type="text/javascript" src="../../theme/footer.js"></script>
</body>
</html>	